<template>
  <div class="bg-grey p-10 p-v-5">
    <div class="bg-white">
      <div class="flex a-center p-10 b-r-4">
        <img class="w-40 h-40 b-round" :src="logo" alt="">
        <router-link to="/goods/merchant/123"
          class="flex-1 m-l-10">
          <p class="flex j-between">
            <span class="flex a-center fw-500 fs-12 text-title">
              西亚斯餐厅
              <van-icon class="text-grey m-l-5" name="arrow" /></span>
            <span class="text-grey fs-12">交易完成</span>
          </p>
          <van-tag plain type="danger">到店</van-tag>
        </router-link>
      </div>
      <div class="b-t p-10">
        <router-link to="/user/order/detail/123"
          class="fs-14 text-content flex j-between p-l-50 p-v-10">
          <span class="overflow-one text-grey">三只松鼠什锦罐头，点点滴滴点点滴滴</span>
          <span class="text-title">¥12</span></router-link>
        <p class="flex j-end p-v-10" v-show="true">
          <van-button size="small" round
            type="danger" to="/user/order/evaluate/123"
            plain>评价商家</van-button></p>
      </div>
    </div>
  </div>
</template>

<script>
import logo from '@/assets/images/merchant.jpg'

export default {
  data () {
    return {
      logo
    }
  }
}
</script>

<style lang="scss" scoped>

</style>
